.ws-edit-modal{
  padding: 0!important;
  margin: 0!important;
  top: 0!important;
  //max-width: 100vw!important;
  //width: 100vw!important;
  height:100%;
  overflow: auto;
  background-color: #fff;


  .ant-modal-content{
    height:100%;
  }

  .ant-modal-header{
    display: none;
  }

  .ant-modal-close{
    display: none;
  }

  .ant-modal-body{
    height: 100%;
    background: var(--pi-bg-grey-100);

    .ant-row{
      height: 100%;
    }
  }


  .ws-edit-box{
    height: 100%;
    border-radius: 4px;
    padding: 20px;

    .ant-form{
      margin: 10px;
    }

    .ws-edit-box-header{
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 13px 13px 0;
      &-title{
        font-weight: bold;
        font-size: var(--tiklab-font-16);
      }
    }

    .ws-edit-form-input{
      .ant-input{
        height: 40px;
      }

      .ant-select-multiple .ant-select-selection-placeholder{
        text-align: initial;
      }

      .ant-select-selector{
        height: 40px;
        align-items: center;
        border-radius: 4px;
      }
    }

    .ws-edit-box-footer{
      padding: 10px;
      display: flex;

      .ws-edit-box-footer-btn{
        margin:0 10px 0 0;
        width: 80px;
        height: 40px;
      }
    }

    .ant-input{
      border-radius: 4px;
    }
  }
}

.ws-edit-visibility{
  display: flex;
  //justify-content: space-between;

  &-item{
    width: 255px;
    height: 80px;
    border:1px solid  #d9d9d9;
    border-radius: 4px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    cursor: pointer;
    margin: 0 25px 0 0;
    background: #fff;

    &-desc{
      font-size: var(--pi-font-size-12);
      color: #cecece;
      display: flex;
    }
  }

  .ws-edit-visibility-action{
    border: 1px solid var(--pi-base-color);
  }

}


.ant-form-vertical .ant-form-item-label > label{
  color: #6e6e6e;
  font-size: 12px;
  font-weight: 600;
}